<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'listProductType.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <!--
        这里是按钮
    -->
    <link rel="stylesheet" type="text/css"
          href="https://webmap1.bdimg.com/wolfman/static/common/css/bmap.min_8854cf5.css"/>
    <link rel="stylesheet" type="text/css"
          href="https://webmap1.bdimg.com/wolfman/static/common/pkg/index_b000206.css"/>
    <link rel="stylesheet" type="text/css"
          href="https://webmap1.bdimg.com/wolfman/static/common/widget/ui/prompt/prompt_5b31ddb.css"/>
    <link rel="stylesheet" type="text/css"
          href="https://webmap1.bdimg.com/wolfman/static/pano/widget/module/PoiSearchModule/PoiSearchModule_4889fbb.css"/>
    <script type="text/javascript">
        function Search() {
            var add = document.getElementById("sole-input").value;
            if (add != "") {
                window.location.href = "servlet/listPrServlet?add=" + encodeURI(add);//使用get方法传送id号
            }
        }
    </script>

</head>

<body style="height: 100%; margin: 0">
<div id="searchbox" class="clearfix" style=" float: left; position: absolute; left: 0px; top: 0px;">
    <div id="searchbox-container">
        <div id="sole-searchbox-content" class="searchbox-content">
            <input id="sole-input" class="searchbox-content-common" type="text" name="word" autocomplete="off"
                   maxlength="256" placeholder="请输入搜索内容" value="">
            <div class="input-clear" title="清空" style="display: none;"></div>
            <!--<div class="searchbox-content-button right-button route-button loading-button" data-title="路线" data-tooltip="1">
            </div>-->
        </div>
    </div>
    <button id="search-button" data-title="搜索" data-tooltip="2" onclick="Search()"></button>
    <div id="toast-wrapper">
        <div id="toast">
            <img class="info-tip-img" src="https://map.baidu.com//wolfman/static/common/images/transparent.gif" alt="">
            <span class="info-tip-text"></span>
        </div>
    </div>
</div>
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=E4805d16520de693a3fe707cdc962045"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script type="text/javascript" src="./js/basis/basis_pian.js"></script>
<script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;

    var zoom_index = 11
    option = {
        tooltip: tooltip,
        bmap: {
            center: center,
            zoom: zoom,
            roam: true,
            mapStyle: mapStyle,

        },
        series: series
    };
    myChart.setOption(option);
</script>
</body>
</html>
